<template id="appointment_coach">
	<div class="appointment_coach">

		<!--头部-->
		<div class="about_header">

			<div class="about_title">
				<router-link to="/about_class">首页</router-link>

				<p>预约教练</p>
				<div class="about_select">
					<div class="about_ing"></div>
				</div>

			</div>
		</div>
		<!--头部结束-->

		<!--教练信息-->
		<div class="appointment_info">

			<div class="appointment_message">

				<div class="appointment_dl">
					<dl>
						<dt><img :src="order[0].photo"/></dt>
						<dd>
							<h1>{{order[0].name}}</h1>
							<p>ID:<span>{{order[0].coachid}}</span></p>
						</dd>
					</dl>
					<!-- <div class="appointment_select">
						<p>选择教练</p><img src="../../assets/images/appointment_coach/yuyue_coach_03.png" /></div> -->
				</div>

				<!--课程-->
				<div class="course_coach">
					<div class="appointment_course">
						<p>课程</p>
						<div class="course_super">
							<span>{{courseName}}</span>

							<img src="../../assets/images/appointment_coach/yuyue_coach_07.png" @click.stop="toggle" />

						</div>
					</div>
					<div class="course_brief" v-show='courseActive'>
						<ul>
							<li @click="haha(todos)" v-for="todos in course">{{todos.class_name}}<span style="display: none;">{{classid}}</span></li>
						</ul>
					</div>
				</div>

				<!--课程结束-->
				<!--时长-->
				<div class="course_coach">
					<div class="appointment_course">
						<p>时长</p>
						<div class="course_super">
							<span>{{duration}}分钟</span>
							<img src="../../assets/images/appointment_coach/yuyue_coach_07.png" @click.stop="dataMost" />
						</div>
					</div>
					<div class="course_brief" v-show='dataActive'>
						<ul>
							<li @click="dataMonth(item)" v-for="(item, index) in shop" :key="index">{{`${item.info}分钟`}}</li>

						</ul>
					</div>
				</div>

				<!--时长结束-->
				<!--节数/价格-->
				<div class="appointment_price">
					<div class="price_left">
						<p>节数</p>
						<div class="price_span">1<span>节</span></div>
					</div>
					<div class="price_right">
						<p>价格</p>
						<div class="price_span">{{price ? price : shop[1].price}}<span>元</span></div>
					</div>

				</div>
				<!--节数/价格结束-->

				<!--地址-->
				<div class="course_coach">
					<div class="appointment_course">
						<p>地址</p>
						<div class="course_super">
							<span>{{addr}}</span>
							<!-- <img src="../../assets/images/appointment_coach/yuyue_coach_10.png" /> -->
						</div>
					</div>
				</div>

				<!--地址结束-->

			</div>

		</div>

		<!--教练信息结束-->

		<!--预约时间-->
		<div class="appointment_data">

			<!--已选时间-->
			<div class="data_opt">
				<p>已选时间</p><span>{{dataMoney}}</span></div>

			<!--已选时间结束-->

			<!--日期-->
			<div class="data_date">

				<div class="slider">
					<ul style="float: left;" ref="left">
						<li class="bgHome" @click.stop="Laney(times.time, index)" v-for="(times,index) in timeArr" :key="index">
							<p :class="times.bgColor ? 'active' : ''">{{times.time | formatDate}}</p>
							<span :class="times.bgColor ? 'active' : ''">{{times.week}}</span>
						</li>
					</ul>

				</div>

			</div>
			<!--日期结束-->

			<!--日期的时间-->
			<div class="data_line">
				<ul id="data_hour">
					<li class="data" @click.stop="hourDate(em,$event,index)" v-for="(em,index) in option" :key="index" :style="{background: em.time == '2' ? 'white' : em.time == '3' ? '#d2d2d2' : '#2d8f90', color: em.time == '2' ? '#2d8f90' : em.time == '3' ? '#8c8c8c' : 'white'}">
						<span  :class="timeIndex === index ? 'default default-active' : 'default' " style="width: 100%; height: 100%;line-height: 30px;">{{em.date}}</span>
					</li>
				</ul>
			</div>

			<!--日期时间已结束-->

			<!--已预约/可预约/已约满-->
			<div class="data_search">
				<ul>
					<li>已预约</li>
					<li>可预约</li>
					<li>已约满</li>
				</ul>
			</div>
			<!--已预约/可预约/已约满结束-->

		</div>

		<!--预约时间结束-->

		<!--备注信息/-->
		<div class="appointment_remark">
			<p>备注信息</p>
			<div class="appointment_textarea">
				<textarea name="" rows="" cols="" placeholder="请输入您所需要备注的信息"></textarea>
			</div>

		</div>
		<!--备注信息结束-->

		<!--底部加入购物车-->
		<div class="appointment_foot">

			<!--<div class="foot_shop"><img src="../../assets/images/appointment_coach/yuyue_coach_14.png" />
				<p>购物车</p>
			</div>-->
			<!--<div class="foot_shoping">
				<router-link to="/shop_cart">加入购物车</router-link>
			</div>-->
			<div class="foot_order" @click.stop="footOrder(order[0].name,order[0].photo,order[0].address,courseName,hour,em.date,price,classid)">
				立即预约
			</div>

		</div>
		<!--底 部加入购物车结束-->

	</div>
</template>

<script>
	export default {
		data() {

			return {
				isActive:true,
				timeIndex: '',
				sessionid: '',
				coachid: this.$route.query.coachid,
				userid: "",
				code: 1,
				courseActive: false,
				dataActive: false,
				courseName: '',
				duration: '',
				order_data: '',
				times: [],
				hour: '',
				classid: '',
				shop: [{
					info: '60',
					price: '258'
				}],
				selectTime: [{

						date1: '',
						week1: ''
					}

				],
				order: [{
					name: '',
					coachid: '',
				}],
				course: [{
					class_name: '',
					classid: '',
				}],
				percent: 0,
				price: '258',
				dataMoney: '',
				timeArr: [],
				neath: -1,
				option: [],
				jj: "",
				em: [],
				bookingid: '',
				hh: [],
				thisTime: '',
				arrUl: '',
				timeIndex: '',
				index:'',
				addr:'1',
				outArr:'',
				day:'',
				h1:'1',
				h2:'2',
				username:''
			}
		},
		computed: {

		},
		filters: {
			formatDate(value) {
				let date = new Date(value);
				let MM = date.getMonth() + 1;
				MM = MM < 10 ? ('0' + MM) : MM;
				let d = date.getDate();
				d = d < 10 ? ('0' + d) : d;
				return MM + '-' + d;
			},

		},
		created() {

		},
		mounted() {
			let data = [{
					info: '30'
				},
				{
					info: '60'
				},
				{
					info: '90'
				}
			];
			//let SESSION_ID = JSON.parse(window.sessionStorage.getItem('SESSION_ID'));
			var SESSION_ID=JSON.parse(window.localStorage.getItem('sessiond'))

			let obj = {
				//请求的参数
				sessionid: SESSION_ID.sessionid,
				coachid: this.$route.query.coachid,
				userid: SESSION_ID.user.id,
				code: 1
			};
			let _this = this;

			_this.sessionid = _this.$store.state.sessionid;
			let qs = require('qs');
			this.$axios.post("http://yogahome.top/yujia/booking/showAppointDataByCoach", qs.stringify(obj), {
				headers: {
					'Content-Type': 'application/x-www-form-urlencoded'
				}

			}).then((response) => {
				_this.order = response.data.data;
				_this.course = response.data.data[2];
				_this.classid = response.data.data[2][0].classid;
				_this.courseName = _this.course[0].class_name;
				_this.duration = data[1].info;
				let jiage = response.data.data[3];
				for(let i = 0; i < data.length; i++) {
					_this.$set(data[i], 'price', jiage[data[i].info])
				}
				this.shop = data;
			}).catch(function(error) {
				console.log(error);
			});

			//       预约选择时间
			coachData: {
				let obj = {
					//请求的参数
					coachId: this.$route.query.coachid,
					code: 1,
				};
				let _this = this
				let qs = require('qs');
				this.$axios.post("http://yogahome.top/Scanning/user/showFirstTimeTableAndDate", qs.stringify(obj), {
					headers: {
						'Content-Type': 'application/x-www-form-urlencoded'
					}

				}).then(function(response) {

					_this.selectTime = response.data.data[0];

					window.weekArr = [];
					window.timeArr = [];
					//取日期
					for(var n in _this.selectTime) {
						if(n.indexOf('date') > -1) {
							timeArr.push({
								'time': _this.selectTime[n]
							})
						} else {
							continue;
						}
					};
					//取星期
					for(var n in _this.selectTime) {
						if(n.indexOf('week') > -1) {
							weekArr.push({
								'week': _this.selectTime[n]
							})
						} else {
							continue;
						}
					};
					var newObj = [];
					for(var i = 0; i < timeArr.length; i++) {
						newObj.push(Object.assign(timeArr[i], weekArr[i]))
					};
					_this.timeArr = newObj;
					_this.timeArr.forEach(item => {
						_this.$set(item, 'bgColor', false);
					})
					_this.dataMoney = _this.timeArr[0].time;
					let obj1 = {
						//请求的参数
						coachId: _this.$route.query.coachid,
						datetime: _this.dataMoney,
					};
					let qs1 = require('qs');
					_this.$axios.post("http://yogahome.shop/yujia/coach/showTimeTables", qs1.stringify(obj1), {
						headers: {
							'Content-Type': 'application/x-www-form-urlencoded'
						}
					}).then((response) => {
						_this.timeArr[0].bgColor = true;

						let {
							time1,
							time2,
							time3,
							time4,
							time5,
							time6,
							time7,
							time8,
							time9,
							time10,
							time11,
							time12,
							time13,
							time14,
							time15,
							time16,
							time17,
							time18,
							time19,
							time20,
							time21,
							time22,
							time23,
							time24,
							time25,
							time26,
							time27,
							time28,
							time29,
							time30,
						} = response.data.data[0];
						_this.option = [{
									"date": "7:30",
									"time": time1,
									"times": "time1"
								},
								{
									"date": "8:00",
									"time": time2,
									"times": "time2"
								},
								{
									"date": "8:30",
									"time": time3,
									"times": "time3"
								},
								{
									"date": "9:00",
									"time": time4,
									"times": "time4"
								},
								{
									"date": "9:30",
									"time": time5,
									"times": "time5"
								},

								{
									"date": "10:00",
									"time": time6,
									"times": "time6"

								},
								{
									"date": "10:30",
									"time": time7,
									"times": "time7"

								},
								{
									"date": "11:00",
									"time": time8,
									"times": "time8"

								},

								{
									"date": "11:30",
									"time": time9,
									"times": "time9"

								},
								{
									"date": "12:00",
									"time": time10,
									"times": "time10"

								},
								{
									"date": "12:30",
									"time": time11,
									"times": "time11"

								},

								{
									"date": "13:00",
									"time": time12,
									"times": "time12"

								},
								{
									"date": "13:30",
									"time": time13,
									"times": "time13"

								},
								{
									"date": "14:00",
									"time": time14,
									"times": "time14"

								},
								{
									"date": "14:30",
									"time": time15,
									"times": "time15"

								},
								{
									"date": "15:00",
									"time": time16,
									"times": "time16"

								},

								{
									"date": "15:30",
									"time": time17,
									"times": "time17"

								},
								{
									"date": "16:00",
									"time": time18,
									"times": "time18"

								},
								{
									"date": "16:30",
									"time": time19,
									"times": "time19"

								},
								{
									"date": "17:00",
									"time": time20,
									"times": "time20"

								},
								{
									"date": "17:30",
									"time": time21,
									"times": "time21"

								},
								{
									"date": "18:00",
									"time": time22,
									"times": "time22"

								},

								{
									"date": "18:30",
									"time": time23,
									"times": "time23"

								},
								{
									"date": "19:00",
									"time": time24,
									"times": "time24"

								},
								{
									"date": "19:30",
									"time": time25,
									"times": "time25"

								},

								{
									"date": "20:00",
									"time": time26,
									"times": "time26"

								},
								{
									"date": "20:30",
									"time": time27,
									"times": "time27"

								},
								{
									"date": "21:00",
									"time": time28,
									"times": "time28"

								},
								{
									"date": "21:30",
									"time": time29,
									"times": "time29"

								},
								{
									"date": "22:00",
									"time": time30,
									"times": "time30"

								},

							],

							_this.hh = response.data.data[0]

						setTimeout(() => {
							var ifDay = _this.timeArr[0].time.substring(8, 10)
							var arrUl = $('#data_hour')[0].childNodes
							var d = new Date();
							var strnew = d.getTime();
							var year = d.getFullYear();
							var month = d.getMonth();
							var day = d.getDate();
							var hours=d.getHours();
							var min=d.getMinutes();
							var m
							if(d.getMonth() <= 9) {
								m = "0" + d.getMonth()
							} else {
								m = d.getMonth()
							}
							// 判断过去的时间渲染
							for(var i = 0; i < _this.option.length; i++) {
								var numTime = _this.option[i].date
								var numH = Number(_this.option[i].date.substring(0, numTime.indexOf(':')))
								var numM = Number(_this.option[i].date.substring(numTime.indexOf(':') + 1, 5))
								var numt = new Date(year, m, day, numH, numM)
								var nserlize = numt.getTime()
								if(Number(ifDay) == Number(day)) {
									if(strnew > nserlize) {
										 _this.outArr=numTime
										for(var j = 0; j < arrUl.length; j++) {
											if(arrUl[j].textContent == numTime) {
												arrUl[j].style.backgroundColor ='#cfcfcf';
											}
										}
									}
								} else {
									
								}
							}
							// 判断提前时间渲染
							var h1=Number(_this.outArr.substring(0,_this.outArr.indexOf(':')))
							var m1=Number(_this.outArr.substring(_this.outArr.indexOf(':')+1))
								function getC(hs){
								for(var i=0 ;i<arrUl.length;i++){
									if(hs ==  arrUl[i].textContent){
										arrUl[i].style.backgroundColor ='#cfcfcf';
										}
									}				
								}
								var hs,hs2
								if(h1 <= hours){
									if(min == 0){
									}else if(min > 0 && min <30){
										hs2=h1+':'+30
										getC(hs2)

									}else if(min >30 && min <60){
										hs2=h1+1+':'+'00'
										getC(hs2)
									}
								}
								// console.log()
						}, 1000)
					}).catch(function(error) {
						console.log(error);
					});
				}).catch(function(error) {
					console.log(error);
				});
			}
			this.outTime()
		},
		methods: {
			outTime: function() {
				var add=window.localStorage.getItem('add')
				this.addr=add
			},
			hourDate(time, e,index) {
				this.index = index
				this.hour = time;
				let _this = this
				// for(let i = 0; i < _this.option.length; i++) {
				// 	if(_this.option[i].time == '2') {
				// 		_this.timeIndex = index;
						
				// 	}
				// }
				console.log(time.date)
				var d = new Date();
				var year = d.getFullYear();
				var month = d.getMonth();
				var day = d.getDate();
				var hours=d.getHours();
				var min=d.getMinutes();
				console.log(hours+':'+min)
				console.log(hours+':'+(Number(min)+Number(30)))
				this.day=day
				var h1=Number(this.outArr.substring(0,this.outArr.indexOf(':')))
				var m1=Number(this.outArr.substring(this.outArr.indexOf(':')+1))
				var h2=Number(time.date.substring(0,time.date.indexOf(':')))
				var m2=Number(time.date.substring(time.date.indexOf(':')+1))
				var numt = new Date(year,month,day,h1,m1)
				var numt2= new Date(year,month,day,h2,m2)
				console.log(h1,m1,this.outArr)
				console.log(h2,m2,time.date)
				_this.h1=h1
				_this.h2=h2
				console.log(_this.h1,_this.h2)
				var hs
				var nserlize1 = numt.getTime()
				var nserlize2 = numt2.getTime()
					if(nserlize1>=nserlize2){
						  alert('不在时间段')
					}else{
						if(time.time == 2){
						
						}else if(time.time == 3){
							alert('此时间段已预满')
						}else if(time.time == 4){
							alert('此时间段已预约')
						}
					}
				// }
			},

			toggle() {
				this.courseActive = !this.courseActive
			},
			dataMost() {
				this.dataActive = !this.dataActive
			},
			haha(item) {
				this.courseName = item.class_name
				this.courseActive= false
			},
			Laney(times,index) {
				setTimeout(() => {
				 var arrUl = $('#data_hour')[0].childNodes
				//  console.log(arrUl)
                   for(var i=0;i<arrUl.length;i++){
                   	 if(this.index == i){
                   	 	// console.log(arrUl[i].childNodes[0])
                   	 	var ulSpan=arrUl[i].childNodes[0]
//                    arrUl[i].childNodes.style.backgroundColor ='red';
                         ulSpan.style.backgroundColor ='rgba(210,210,210,1)';
                   	 }
                   }
				},1000)

                	setTimeout(() => {
							var ifDay = _this.timeArr[0].time.substring(8, 10)
							var arrUl = $('#data_hour')[0].childNodes
							var d = new Date();
							var strnew = d.getTime();
							// console.log(strnew)

							var year = d.getFullYear();
							var month = d.getMonth();
							var day = d.getDate();
							var m
							if(d.getMonth() <= 9) {
								m = "0" + d.getMonth()
							} else {
								m = d.getMonth()
							}
							for(var i = 0; i < _this.option.length; i++) {
								var numTime = _this.option[i].date
								var numH = Number(_this.option[i].date.substring(0, numTime.indexOf(':')))
								var numM = Number(_this.option[i].date.substring(numTime.indexOf(':') + 1, 5))
								var numt = new Date(year, m, day, numH, numM)
								var nserlize = numt.getTime()
//								console.log(Number(ifDay), Number(day))
								if(Number(ifDay) == Number(day)) {
//									console.log(Number(ifDay) == Number(day)
									if(strnew > nserlize) {
										 _this.outArr=numTime
										for(var j = 0; j < arrUl.length; j++) {
											// console.log(arrUl[j].textContent)
											if(arrUl[j].textContent == numTime) {
												arrUl[j].style.backgroundColor ='#cfcfcf';
											}
										}
									}
								} else {

								}
							}
						}, 50)

//				this.index.css('background','')
             
				for(let i = 0; i < this.timeArr.length; i++) {
					if(index === i) {
						this.timeArr[i].bgColor = true;
					} else {
						this.timeArr[i].bgColor = false;
					}
				}
				this.jj = times
				let obj = {
					//请求的参数
					coachId: this.$route.query.coachid,
					datetime: times,
				};
				let _this = this;
				let qs = require('qs');
				this.$axios.post("http://yogahome.top/yujia/coach/showTimeTables", qs.stringify(obj), {
					headers: {
						'Content-Type': 'application/x-www-form-urlencoded'
					}
				}).then((response) => {
					_this.dataMoney = times
					_this.date = times
					let {
						time1,
						time2,
						time3,
						time4,
						time5,
						time6,
						time7,
						time8,
						time9,
						time10,
						time11,
						time12,
						time13,
						time14,
						time15,
						time16,
						time17,
						time18,
						time19,
						time20,
						time21,
						time22,
						time23,
						time24,
						time25,
						time26,
						time27,
						time28,
						time29,
						time30,
					} = response.data.data[0];
					_this.option = [{
								"date": "7:30",
								"time": time1,
								"times": "time1"
							},
							{
								"date": "8:00",
								"time": time2,
								"times": "time2"
							},
							{
								"date": "8:30",
								"time": time3,
								"times": "time3"
							},
							{
								"date": "9:00",
								"time": time4,
								"times": "time4"
							},
							{
								"date": "9:30",
								"time": time5,
								"times": "time5"
							},

							{
								"date": "10:00",
								"time": time6,
								"times": "time6"

							},
							{
								"date": "10:30",
								"time": time7,
								"times": "time7"

							},
							{
								"date": "11:00",
								"time": time8,
								"times": "time8"

							},

							{
								"date": "11:30",
								"time": time9,
								"times": "time9"

							},
							{
								"date": "12:00",
								"time": time10,
								"times": "time10"

							},
							{
								"date": "12:30",
								"time": time11,
								"times": "time11"

							},

							{
								"date": "13:00",
								"time": time12,
								"times": "time12"

							},
							{
								"date": "13:30",
								"time": time13,
								"times": "time13"

							},
							{
								"date": "14:00",
								"time": time14,
								"times": "time14"

							},
							{
								"date": "14:30",
								"time": time15,
								"times": "time15"

							},
							{
								"date": "15:00",
								"time": time16,
								"times": "time16"

							},

							{
								"date": "15:30",
								"time": time17,
								"times": "time17"

							},
							{
								"date": "16:00",
								"time": time18,
								"times": "time18"

							},
							{
								"date": "16:30",
								"time": time19,
								"times": "time19"

							},
							{
								"date": "17:00",
								"time": time20,
								"times": "time20"

							},
							{
								"date": "17:30",
								"time": time21,
								"times": "time21"

							},
							{
								"date": "18:00",
								"time": time22,
								"times": "time22"

							},

							{
								"date": "18:30",
								"time": time23,
								"times": "time23"

							},
							{
								"date": "19:00",
								"time": time24,
								"times": "time24"

							},
							{
								"date": "19:30",
								"time": time25,
								"times": "time25"

							},

							{
								"date": "20:00",
								"time": time26,
								"times": "time26"

							},
							{
								"date": "20:30",
								"time": time27,
								"times": "time27"

							},
							{
								"date": "21:00",
								"time": time28,
								"times": "time28"

							},
							{
								"date": "21:30",
								"time": time29,
								"times": "time29"

							},
							{
								"date": "22:00",
								"time": time30,
								"times": "time30"

							},

						],
						_this.hh = response.data.data[0]

				}).catch(function(error) {
					console.log(error);
				});
			},
			dataMonth(data) {
				this.duration = data.info;
				this.price = data.price;
				this.dataActive= false
			},
			footOrder(name, photo, address, courseName, time, date, price, classid, duration, bookingid) {
				// let SESSION_ID = JSON.parse(window.sessionStorage.getItem('SESSION_ID'));
				var SESSION_ID=JSON.parse(window.localStorage.getItem('sessiond'))
				console.log(SESSION_ID)
				let _this = this;
				var addrrr=	_this.addr
				// alert(addrrr)
				let obj = {
					sessionid: SESSION_ID.sessionid,
					coachId: _this.$route.query.coachid,
					userId: SESSION_ID.user.id,
					coachName: _this.order[0].name,
					attend: 1,
					userGender: SESSION_ID.defaultaddress.gender,
					userPhone: SESSION_ID.user.phone,
					classType: 1,
					classid: _this.classid,
					// address: SESSION_ID.defaultaddress.city,
					bookingDate: _this.dataMoney,
					bookingTime: _this.hour.times,
					className: _this.class_name,
					coachPhone: _this.phone,
					duration: _this.duration,
					price: _this.price,
					remark: "",
					username: SESSION_ID.user.username,
					userPhone: SESSION_ID.user.phone,
					address:addrrr
				};

				let qs = require('qs');
				this.$axios.post("http://yogahome.top/yujia/booking/insertToBooking", qs.stringify(obj), {
					headers: {
						'Content-Type': 'application/x-www-form-urlencoded'
					}
				}).then(function(response) {
					_this.order = response.data.data;
					_this.name = _this.$route.query.name
					_this.photo = _this.$route.query.photo
					_this.address = _this.$route.query.address
					_this.courseName = _this.$route.query.courseName
					_this.time = _this.$route.query.time
					_this.date = _this.$route.query.date
					_this.price = _this.$route.query.price
					if(response.data.code == "9") {
						alert("请登录")
						_this.$router.push("/forgot_password")
						return;
					}
					if(response.data.code == "-1") {
						console.log(response.data)
						alert(response.data.message)
						window.location.reload()
						return;
					}
					if(response.data.code != "1") {
						console.log(response.data)
						alert(response.data.message)
						_this.$router.push("/doudle_pay")
					}
					let bookingid = response.data.data.booking.booking_id;
					console.log(response.data.data.booking.booking_id)
					alert(response.data.message);
					var duration=_this.duration,name=SESSION_ID.defaultaddress.username,photo=SESSION_ID.user.head_image,time=_this.jj
					console.log(duration,name,photo,time)
					var logo={'coachid':_this.$route.query.coachid,'name':name,'photo':photo
					,'address':address,'courseName':courseName,'time':_this.jj,'date':_this.hour,'price':price,
					'classid':_this.classid,'duration':duration,'bookingid':bookingid}
					 console.log(logo)
					 var logos=JSON.stringify(logo)
					 window.localStorage.setItem('logo',logos)
					_this.$router.push({
						path: "/my_order",
						query: {
							name:name,
							dataMoney:_this.dataMoney,
							coachid: _this.coachid,
							photo,
							address,
							courseName,
							time: _this.jj,
							date: _this.hour,
							price,
							classid: _this.classid,
							duration: _this.duration,
							bookingid: bookingid,
						}
					})
				}).catch(function(error) {
					console.log(error);
				});

			},

		}
	}
</script>

<style scoped>
	@import "../../assets/css/appointment_coach.css";
	.bgHome {
		background: white;
		color: #2d8f90;
	}
	
	.active {
		color: #fff;
		background: #2d8f90;
	}
	
	.default-active {
		color: #fff;
		background: #2d8f90;
	}
	/*.active10{
		background: #2d8f90;
	}*/
</style>